<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core">
	<script>
		$('document').ready(function(){
			$('#top-human-resources-id').addClass("menu-top-selected");
		});
	</script>
	
	<div class="menu-left">
		<ul>
			<li id="general-id"><a href="#{facesContext.externalContext.requestContextPath}/human-resources/index.html">#{msg['general']}</a></li>
			<li id="department-id"><a href="#{facesContext.externalContext.requestContextPath}/human-resources/department-management.html" class="click-show">#{msg['department']}</a></li>
			<li id="employee-id"><a class="click-show">#{msg['employee']}</a></li>
			<li>
				<ul class="menu-sub-left">
					<li><a href="#{facesContext.externalContext.requestContextPath}/human-resources/add-new-staff.html">#{msg['add-new']}</a></li>
					<li><a href="#{facesContext.externalContext.requestContextPath}/human-resources/staff-management.html">#{msg['list']}</a></li>
				</ul>
			</li>
			<li id="candidate-id"><a class="click-show">#{msg['candidate']}</a></li>
			<li>
				<ul class="menu-sub-left">
					<li><a href="#{facesContext.externalContext.requestContextPath}/human-resources/add-new-candidate.html">#{msg['add-new']}</a></li>
					<li><a href="#{facesContext.externalContext.requestContextPath}/human-resources/candidate-management.html">#{msg['list']}</a></li>
				</ul>
			</li>
			<li id="attendance-id"><a class="click-show" href="#{facesContext.externalContext.requestContextPath}/human-resources/add-new-attendance.html">#{msg['attendance']}</a></li>
			<li id="salary-id"><a class="click-show">#{msg['salary']}</a></li>
			<li>
				<ul class="menu-sub-left">
					<li><a href="#{facesContext.externalContext.requestContextPath}/human-resources/add-new-salary.html">#{msg['create']}</a></li>
					<li><a href="#{facesContext.externalContext.requestContextPath}/human-resources/salary-detail.html">#{msg['salary-detail']}</a></li>
				</ul>
			</li>
			<li id="report-id"><a class="click-show">#{msg['report']}</a></li>
		</ul>
	</div>
</ui:composition>